$(".tab-box>ul>li").click(function() {
  var index = $(this).index(); // 获取li的索引
  $(this).addClass("active").siblings().removeClass("active");
  $(this).parent().next().find(".tab-item").removeClass("active").eq(index).addClass("active");

  //console.log($(this).parent())  //ul.clearfix,
  //console.log($(this).parent().next())  //div.tab-cont

  /**
   * 相关jQuery方法：
   * 1.addClass(class|fn)   为每个匹配的元素添加指定的类名
   * 2.siblings([expr])     找同辈元素
   * 3.next([expr])         后面紧邻的同辈元素。
   *                        nextAll()
   * 4.find(expr|obj|ele)   搜索所有与指定表达式匹配的元素。
   * 5.eq(index|-index)     获取当前链式操作中第N个jQuery对象，返回jQuery对象
   *                        类似的有get(index),不过get(index)返回的是DOM对象。
   * 6.click
   * 7.index
   * 
   */

});